<template>
  <div class="vendor-manager-examine">
    <h3 class="title">商家信息</h3>
    <div class="content">
      <table>
        <tr>
          <td>公司名称</td>
          <td>eqqwsqw</td>
        </tr>
        <tr>
          <td>法人</td>
          <td>哇额外</td>
        </tr>
        <tr>
          <td>税务登记号</td>
          <td>2312312123213</td>
        </tr>
        <tr>
          <td>注册资金</td>
          <td>1323213123</td>
        </tr>
        <tr>
          <td>注册地址</td>
          <td>但我确定的</td>
        </tr>
        <tr>
          <td>地址</td>
          <td>大大</td>
        </tr>
        <tr>
          <td>备注</td>
          <td>XXXXX</td>
        </tr>
      </table>
      <div class="btn-group">
        <el-button type="success" size="small" @click="accessEx">审批通过</el-button>
        <el-button type="danger" size="small" @click="noAccessEx">审批不通过</el-button>
      </div>
    </div>
  </div>
</template>

<script>
  export default{
    methods: {
      accessEx () {
        this.$confirm('确定将商家通过审批吗?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          this.$message({
            type: 'success',
            message: '成功!'
          })
        }).catch(() => {
          this.$message({
            type: 'info',
            message: '已取消删除'
          })
        })
      },
      noAccessEx () {
        this.$prompt('请输入未通过理由', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消'
        }).then(({value}) => {
          this.$message({
            type: 'success',
            message: 'OK!'
          })
        }).catch(() => {
          this.$message({
            type: 'info',
            message: '取消'
          })
        })
      }
    }
  }
</script>

<style lang="less" rel="stylesheet/less" scoped>
  .vendor-manager-examine {
    padding: 10px;
    .title {
      border: 1px solid #aaa;
      color: #000000;
      background: #eee;
      padding: 5px;
    }
    .content {
      text-align: center;
      border: 1px solid #aaa;
    }
    .content table {
      margin: 0 auto;
      border: 1px solid #bbb;
    }
  }
</style>
